@charset "utf-8";


/* - Permenent Header - */

body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	background-color: #eee;
	padding: 0;
	color: #666;
}
html, body {
	height: 100%;	
}
a {
	text-decoration: none;
	color: #555;
}
nav ul a, footer a {
	font-size: 1.3vw;
}
.container {
	max-width: 1290px;
	margin: auto;
}
.clr{
	clear: both;
}

.navCont {
	position: relative;
	width: 90vw;
	max-width: 1350px;
	z-index: 20;
}

.logo {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
}
.logo img {
	width: 8vw;
	height: 8vw;
	margin-top: 1vw;
}
.logo a {
	font-size: 4vw;
	margin: 3vw 0 0 0.5vw;
	color: #555;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.logo span {
	position: absolute;
	top: 7.5vw;
	left: 18vw;
	font-size: 1.2vw;
	width: 50%;
}


.nav {
	position: relative;
}
.navBar {
	position: absolute;
	top: 2vw;
	z-index: -1;
	width: 100%;
	height: 5.5vw;
	background-color: white;
}
nav ul {
	float: right;
	display: flex;
	justify-content: flex-end;
	margin-top: 4vw;
}
nav li {
	flex-direction: row;
	list-style: none;
	margin: 1vw 0;
}
nav li a {
	padding: 0.3vw 0.7vw;
	border-left: solid 1px #aaa;
}
li a:hover{
	color: #000;
}
nav li:first-child {
	border-left: none;
}
nav li span {
	background-color: tomato;
	color: #fff;
	padding: 3px 10px;
	border-radius: 9px;
}

.pageHeading {
	margin: 2vw auto 1vw auto;
	text-align: right;
	font-size: 1.1vw;
	width: 85%;
}
.pageHeading h2 {
	margin-bottom: -1vw;
	border-bottom: solid 1px #bbb;
}
/* - End of Permenent Header- */


/* - Common Body- ENTRY - SIDING - RAILING */

.comm_img_container {
	position: relative;
	display: flex;
	flex-direction: row;
	margin: 0 6vw;
	height: 98%;
}
.commLeftCol {
	position: sticky;
	top: 0;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
	height: 50vw;
	width: 15%;
	border-radius: 0.9vw 0 0 0.9vw;
	z-index: 10;
}
.commRightCol {
	position: relative;
	width: 85%;
	background-color: #FFF;
	border-radius: 0 0.9vw 0.9vw 0;
	border: 1px solid #ccc;
	border-left: none;
}
.commRightCol::after {
	content: "";
	position: absolute;
	top: 0;
	left: -17.7%;
	width: 17.7%;
	height: 100%;
	background-color: rgb(0, 0, 0, 0.7);
	border-radius: 0.9vw 0 0 0.9vw;
}
.commLeftCol::-webkit-scrollbar {
	width: 0;
    height: 0;
}

.commMenu {
	padding: 1vw 0.5vw;
	margin: 2vw 1vw 2vw 0;
	font-size: 1.5vw;	
	font-weight: bold;
	text-align: right;
	background-color: #fff;
	color: #333;
	box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.7);
}
.commSubCont {
	padding: 1vw 0;
}
.commSubMenu {
	display: block;
    color: #666;
    cursor: pointer;
	padding: 0.9vw 1vw 0.9vw 1vw;
	color: white;	
	text-align: right;
	font-size: 1.2vw;
	border-top: solid 1px #fff;
	margin-left: 1vw;
}
.commSubMenu span {
	padding: 0.5vw;
	background-color: tomato;
	color: white;
}
#galleryMenu {
	background-color: tomato;
	font-size: 1.5vw;
	font-weight: bold;
	margin-top: 2vw;
}
.acvSubMenu {
	background-color: white;
	padding: 1vw 1vw 1vw 0 ;
	color: #333;
	margin-left: 1vw;
	font-size: 1.3vw;
}


.cap_img_content {
	border:  solid 1px #999;
	margin: 2vw;
	padding: 2vw;
	min-height: 75vw;
	display: none;
	border-radius: 0.9vw;
}
.cap_img_content_railing {
	border:  solid 1px #999;
	margin: 2vw;
	padding: 2vw;
	min-height: 75vw;
	border-radius: 0.9vw;
}
.capPageHead {
	text-align: left;
	margin: 0 0 2vw 2vw;
	border-bottom: solid 1px #bbb;
}
.capPageHead h3 {
	font-size: 1.7vw;
	margin: 0;
}
.capPageHead h6 {
	margin: 0;
	font-size: 0.9vw;
}
.capPageHead p {
	margin: 0;
	font-size: 0.8vw;
}


.innerContent {
	position: relative;
	margin: 2vw 0 3vw 0;
	border: solid 1px #aaa;
	padding: 1vw;
	min-height: 18vw;
}
.innerContent h3 span {
	font-size: 1vw;
	padding-left: 1vw;
}
.innerContent h3 span span {
	font-size: 1.3vw;
	color: tomato;
}

.entryContentImageContainer {
	display: inline-block;
	width: 47.5%;
	padding: 0 1vw 0 0;
}
.entryContentSz {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	margin-right: 2vw;
}
.entryContentSz p {
	margin: 0.5vw;
	font-size: 1vw;
}

.entryContentText {
	display: inline-block;
	width: 60%;
	text-align: left;
}
.entryContentTextHead {
	font-size: 1.6vw;
	font-weight: bold;
}
.entryPFirst {
	font-size: 1vw;
}
.entryP {
	font-size: 1.1vw;
	margin: 0.5vw 0;
}

.entryContentText p {
	font-size: 1vw;
}

.prevButton, .nextButton {
	position: absolute;
	top: 40%;
	z-index: 4;
	font-size: 3.4vw;
	color: white;
	cursor: pointer;
	opacity: 0.8;
	background-color: rgb(0, 0, 0, 0.3);
	padding: 0 0.3vw;
}
.prevButton:hover, .nextButton:hover {
	opacity: 1;
}
.prevButton {
    left: 0;
}
.nextButton {
    right: -0.6vw;
}
.contGallCounter {
	position: absolute;
	bottom: -2vw;
	right: 0;
	font-size: 1.3vw;
}

.entryPriceHead {
	font-size: 0.9vw;
}
.entryPriceBox2 strong {
	font-size: 1.3vw;
}
.entryPriceBox2 span {
	font-size: 1.7vw;
}
.entryPriceBox2 h3 {
	font-size: 1.3vw;
	margin-bottom: 0;
	border-bottom: solid 1px #aaa;
}

.pgBtns {
	display: inline-block;
	width: 43%;
	cursor: pointer;
	background-color: tomato;
	color: white;
	border: solid 1px tomato;
	opacity: 0.9;
	margin: 1vw 2vw;
	font-size: 1.4vw;
}
.pgBtns:hover {
	background-color: white;
	color: tomato;
}
.pagebtn {
	width: 50%;
	display: inline-block;
	font-size: 1.4vw;
	padding: 1vw;
	text-align: center;
}
.pgArws{
	width: 25%;
	display: inline-block;
	font-size: 3.5vw;
	padding: 0.5vw 2vw 1vw 2vw;
	text-align: center;
	vertical-align: top;
}
.lefpgbtn {
	margin-left: 52%;
}
.rgtpgbtn {
	margin-right: 52%;
}

/* - Overlay Common- SIDING - RAILING*/


html::-webkit-scrollbar, .overlay5::-webkit-scrollbar {
	width: 0;
    height: 0;
}
html, .overlay5, .overlay  {
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.background-content {
	height: 100%;
    overflow: auto;
}
.hide-overlay .overlay, .hide {
	display: none;
}

.overlay {
	background-color: rgba(0, 0, 0, .8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;  
	z-index: 20; 
	-webkit-animation-name: fade-in;
	-webkit-animation-duration: 0.4s;
	animation-name: fade-in;
	animation-duration: 0.4s;
}


/* - Permenent Footer- */

footer {
	background-color: rgb(0, 0, 0, 0.8);
}
.footer-bar{
	background-color: #FFF;
	margin: 10vw 0 0 0;
}

.footerItems{
	color: rgb(252, 249, 249, 0.8);
	padding: 1.5vw 0;
}
.footer-heading, .footerItems{
	display: flex;
	justify-content: center;
}
.footer-heading h1{
	flex-direction: row;
	padding: 0.5vw 10vw;
	font-size: 1.3vw;
}

.feedback, .links, .footcontactDetails {
	width: 33%;
	font-size: 1.2vw;
	margin-left: 9vw;
	box-sizing: border-box;
}
.feedback {
	padding: 0 0 0 1vw;
}
.links {
	margin: 0 5vw 0 10vw;
}

footer li{
	text-align: left;
	list-style: none;
	font-size: 1vw;
	margin: 0.4vw 0;
}
footer a{
	color: rgb(252, 249, 249, 0.8);
}

.footcontactDetails {
	margin: 0 0 0 6vw;
}
.links p{
	margin: 0;
}
.footcontactDetails h4{
	margin: 1vw 0;
}
.footSubmit {
	font-size: 1vw;
	margin: 2vw 0;
	width: 15vw;
	padding: 0.7vw;
	border: solid 1px #fff;
}
.footSubmit:hover {
	border: solid 1px #333;
	color: black;
}

.copy{
	color: #646464;
	font-size: 1vw;
	padding: 2vw 0;
	text-align: center;
}

/* - End of Permenent Footer  -- */